<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常用表单类型</title>
		<style type="text/css">
			textarea{
				/*禁止随意拖放*/
				resize: none;
			}
		</style>
	</head>
	<body>
		<div>
			姓名：<input type="text" name="username" autofocus="autofocus" required=""/>
		</div>
		<div>
			密码：<input type="password" name="passwork"  />
		</div>
		<div>
			手机号：<input type="number" />
		</div>
		<div>
			<!--
				radio单选
				如果是表示同一组数据的不同选项，就要设置相同的name的值
				
				label的for属性和input里面id相同时，点击label也可选中input
			-->
			<label for="nan">男:</label><input id="nan" type="radio" value="man" name="sex" checked="" />
			<label for="oo">女:</label><input id="oo" type="radio" value="women"  name="sex"/>
		</div>
		<div >
			<!--checkbox 多选
				checked表示单选或多选的默认值
			-->
			<label for="a"style="cursor: pointer;" >ddsadas</label>
			<input id="a" type="checkbox" value="sdada" name="lol"/ checked=""style="cursor: pointer;" >
			<label for="b">dsadasds</label>
			<input id="b" type="checkbox" value="dsadsa" name="lol"/>
		</div>
		<div>
			<!--下拉框
				 optgroup 将option分组
				 label 设置组名
			-->
			地址：
			<select name="city">
				<optgroup label="gd">
				<option value="gz">广州</option>
				<option value="sz">深圳</option>
				<option value="fs">佛山</option>
				</optgroup>
			</select>
		</div>
		<div>
			<!--文本域textarea
				
			-->
			留言：<textarea name="" rows="5l" cols="5">dsaaaaaaaaa</textarea>
		</div>
		<div>
			<input type="file" name="photo" />
		</div>
		<div>
			<!--
				reset 重置form中的内容
			-->
			<input type="reset" value="重输" />
		</div>
		<div>
			<input type="submit" value="提交" />
		</div>
		<div>
			<input type="image" src="image/01.jpg"/>
		</div>
	</body>
</html>
